import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home'

Vue.use(VueRouter)

const routes = [
    {
        path: '/',
        name: 'home',
        component: Home
    },
    {
        path: '/home1',
        name: 'home1',
        component: () => import('../views/1jj/HomeView1.vue'),
        redirect: '/jj1',
        children: [
            {
                path: '/jj1',
                component: () => import('../views/1jj/jj1.vue')
            },
            {
                path: '/jj2',
                component: () => import('../views/1jj/jj2.vue')
            },
            {
                path: '/jj3',
                component: () => import('../views/1jj/jj3.vue')
            },
            {
                path: '/jj4',
                component: () => import('../views/1jj/jj4.vue')
            },
            {
                path: '/jj5',
                component: () => import('../views/1jj/jj5.vue')
            },
            {
                path: '/jj6',
                component: () => import('../views/1jj/jj6.vue')
            },
            {
                path: '/jj7',
                component: () => import('../views/1jj/jj7.vue')
            },
            {
                path: '/jj8',
                component: () => import('../views/1jj/jj8.vue')
            },
            {
                path: '/jj9',
                component: () => import('../views/1jj/jj9.vue')
            },
            {
                path: '/jj10',
                component: () => import('../views/1jj/jj10.vue')
            },
            ],},
    {
        path: '/home2',
        name: 'home2',
        component: () => import('../views/2gy/HomeView2.vue'),
        redirect: '/gy1',
        children: [
            {
                path: '/gy1',
                component: () => import('../views/2gy/gy1.vue')
            },
            {
                path: '/gy2',
                component: () => import('../views/2gy/gy2.vue')
            },
            {
                path: '/gy3',
                component: () => import('../views/2gy/gy3.vue')
            },
            {
                path: '/gy4',
                component: () => import('../views/2gy/gy4.vue')
            },
            {
                path: '/gy5',
                component: () => import('../views/2gy/gy5.vue')
            },
            {
                path: '/gy6',
                component: () => import('../views/2gy/gy6.vue')
            },
            {
                path: '/gy7',
                component: () => import('../views/2gy/gy7.vue')
            },
            {
                path: '/gy8',
                component: () => import('../views/2gy/gy8.vue')
            },
            {
                path: '/gy9',
                component: () => import('../views/2gy/gy9.vue')
            },
        ],},
    {
        path: '/home3',
        name: 'home3',
        component: () => import('../views/3gd/HomeView3.vue'),
        redirect: '/gd1',
        children: [
            {
                path: '/gd1',
                component: () => import('../views/3gd/gd1.vue')
            },
            {
                path: '/gd2',
                component: () => import('../views/3gd/gd2.vue')
            },
            {
                path: '/gd3',
                component: () => import('../views/3gd/gd3.vue')
            },
            {
                path: '/gd4',
                component: () => import('../views/3gd/gd4.vue')
            },
            {
                path: '/gd5',
                component: () => import('../views/3gd/gd5.vue')
            },
            {
                path: '/gd6',
                component: () => import('../views/3gd/gd6.vue')
            },
            {
                path: '/gd7',
                component: () => import('../views/3gd/gd7.vue')
            },
            {
                path: '/gd8',
                component: () => import('../views/3gd/gd8.vue')
            },
            {
                path: '/gd9',
                component: () => import('../views/3gd/gd9.vue')
            },
        ],
    },
    {
        path: '/home4',
        name: 'home4',
        component: () => import('../views/4my/HomeView4.vue'),
        redirect: '/my1',
        children: [
            {
                path: '/my1',
                component: () => import('../views/4my/my1.vue')
            },
            {
                path: '/my2',
                component: () => import('../views/4my/my2.vue')
            },
            {
                path: '/my3',
                component: () => import('../views/4my/my3.vue')
            },
            {
                path: '/my4',
                component: () => import('../views/4my/my4.vue')
            },
            {
                path: '/my5',
                component: () => import('../views/4my/my5.vue')
            },
            {
                path: '/my6',
                component: () => import('../views/4my/my6.vue')
            },
            {
                path: '/my7',
                component: () => import('../views/4my/my7.vue')
            },
            {
                path: '/my8',
                component: () => import('../views/4my/my8.vue')
            },
            {
                path: '/my9',
                component: () => import('../views/4my/my9.vue')
            },
        ],
    }
]

const router = new VueRouter({
    mode: 'history',
    base: process.env.BASE_URL,
    routes
})

export default router
